/*头部底部开始*/
/*头部开始*/
header{clear:both;
	width:100%;
    max-width: 1920px;
	height:100px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	padding:45px 50px 0;
	z-index:10;
	left:0;
	right:0;
	position:fixed;
    display:flex;align-items: center;justify-content: space-between;
    transition:all 0.5s;
    -webkit-transition: all 0.5s;
    /*box-shadow:0 0 15px rgba(200,200,200,0.3);*/
}
header .logo{display: block;height:40px;overflow:hidden;}
header .logo img{height:100%;}
header .navIcon{padding:15px 0 0;}
header .navIcon a{float:right;margin-left:15px;}
header .navIcon a i{font-size:28px;color:#fff;}

@media screen and (max-width: 1200px) {
    header{height:60px;padding:0 20px;}
    header .logo{height:30px}   
    header .navIcon{padding-top:5px;}
    header .navIcon a i{font-size:24px;}
}
@media screen and (max-width: 768px) {
    header{padding: 10px 5% 0;}
    header .navIcon a i{font-size:20px;}
}
.indexHeader{top:0;}
.scrolHeader{height:50px;top:-100px;padding:10px 50px 0;}
.scrolHeader .logo{height:30px;}
.scrolHeader .navIcon a i{color:#3d9882 !important;font-size:28px;}

@media screen and (max-width: 768px) {
    .scrolHeader .logo{height:25px;}
    .scrolHeader .navIcon{padding:5px 0 0;}
    .scrolHeader{/*background:rgba(255,255,255,0.5);*/padding:10px 5% 0;}
    .scrolHeader .navIcon a i{font-size:20px;}
}

.scrolHeaderLast{height:50px;top:-100px;padding:10px 50px 0;}
.scrolHeaderLast .logo{height:30px;}
.scrolHeaderLast .navIcon a i{color:#fff !important;font-size:20px;}
@media screen and (max-width: 768px) {
    .scrolHeaderLast .logo{height:25px;}
    .scrolHeaderLast{background:rgba(255,255,255,0);padding:10px 5% 0;}
}
.pageHeader{background:rgba(255,255,255,0.8);padding:0 50px;height:80px;}
.pageHeader .logo img{height:30px;}
.pageHeader .navIcon{padding:0;}
.pageHeader .navIcon a i{color:#3d9882;font-size:26px;}

@media screen and (max-width: 768px) {
    .pageHeader{padding:0 5%;height:60px;}
    .pageHeader .logo img{height:25px;}
    .pageHeader .navIcon a i{font-size:20px;}
}
.banner{width:100%;max-width: 1920px;height:auto;text-align:center;margin:0 auto;position:relative;}
.banner .banner-title{width:1200px;padding-right:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:left;font-size:34px;text-transform:uppercase;color:#000;line-height:1.2;/* 新增样式 */
    text-shadow:
    -2px -2px 0 rgba(255,255,255,0.5),
    2px -2px 0 rgba(255,255,255,0.5),
    -2px 2px 0 rgba(255,255,255,0.5),
    2px 2px 0 rgba(255,255,255,0.5); /* 四周白色描边 */
    color: #14775e;
}
.banner img{width:100%;}
/*头部结束*/
/*底部开始*/
footer{clear:both;width:100%;background:#fff;padding:0;margin:0 auto;position:relative;color:#a8aaba;border-top:#ddd solid 1px;}
footer .footer{clear:both;width:100%;margin:0 auto;line-height:23px;color:#000;font-size:14px;padding:80px;display:flex;align-items:flex-start;justify-content: space-between;flex-wrap: wrap;}
footer .footer b{font-size:28px;color:#000;display:block;width:100%;}
footer .footer .contact-list{width:20%;font-size:14px;color:#000;padding:50px 0 0;}
footer .footer .contact-list strong{display:block;padding:0 0 5px;}

footer .footer .copy{width:100%;padding:50px 0 0;display:flex;font-size:14px;align-items: center;justify-content: space-between;}
@media screen and (max-width:1280px) {
    footer{border-top:#ddd solid 1px;}
    footer .footer{padding:30px 50px;}
}
@media screen and (max-width:1024px) {
    footer{border-top:#ddd solid 1px;}
    footer .footer{padding:30px 50px 0;}
    footer .footer .copy{padding:20px 0;justify-content:center;}
}
@media screen and (max-width: 768px) {
    footer{border-top:#ddd solid 1px;}
    footer .footer{padding:10px;}
    footer .footer .copy{padding:20px 0;justify-content:center;}
}
/*底部结束*/
/*头部底部结束*/